<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>借款协议</title>
    <link rel="stylesheet" href="../tool/util/common.css">
    <link rel="stylesheet" href="../tool/headAndFoot/headAndFoot.css">
    <link rel="stylesheet" href="css/agreement.css">
    <script src="../tool/jquery/jquery-1.12.3.min.js"></script>
    <script src="../tool/util/common.js"></script>
    <script src="../tool/util/tool.js"></script>
    <script src="../tool/vue/vue.js"></script>
    <script src="../tool/headAndFoot/headAndFoot.js"></script>
    <script src="js/loanAgreement.js"></script>

</head>
<body>
<!--<div class="header">
    <add></add>
</div>-->
<div class="agreememt-body">
    <div id="agreementUserDate">
        <div class="agreement-number agreement-top">
            <label>编号：</label><span id="agreementNumber">{{agreementNumber}}</span>
        </div>
        <div>
            <div class="agreement-top"><label>甲方(借款人)：</label><span id="userName">{{userName}}</span></div>
            <div class="agreement-top"><label>身份证号码：</label><span id="userCarId">{{userCarId}}</span></div>
            <div class="agreement-top"><label>乙方（出借人）：</label><span id=" lendingName">深圳市前海辉誉金融服务有限公司</span></div>
        </div>
        <div class="agreement-top">
            借款人甲方通过乙方app“辉誉钱包”提出借款需求，向出借人乙方借款，乙方亦同意出借款项，达成如下协议：
        </div>
        <div class="agreement-top">
            <table border="0" cellspacing="0" cellpadding="0" class="agreememt-table">
                <tr>
                    <td colspan="4" class="text-center">借款明细</td>
                </tr>
                <tr>
                    <td class="titleWidth">本金金额</td>
                    <td colspan="3">{{principal}}</td>
                </tr>
                <tr>
                    <td class="titleWidth">大写</td>
                    <td colspan="3">{{capitalPrincipal}}</td>
                </tr>
                <tr>
                    <td class="titleWidth">借款用途</td>
                    <td class="titleWidth">个人消费</td>
                    <td class="titleWidth">服务费</td>
                    <td></td>
                </tr>
                <tr>
                    <td class="titleWidth">借款起息日</td>
                    <td class="titleWidth">{{borrowMoneyDate}}</td>
                    <td class="titleWidth">借款到期日</td>
                    <td class="titleWidth">{{repaymentDate}}</td>
                </tr>
                <tr>
                    <td class="titleWidth">还款方式</td>
                    <td colspan="3">一次性全额还款</td>
                </tr>
            </table>
        </div>
        <div id="agreementsDate">
            <div v-for="companyDescription in agreement">
                <div class="agreement-dicription">{{companyDescription.companyDescription}}</div>
                <div v-for="agreementTitle in companyDescription.agreementdetails">
                    <b>{{agreementTitle.agreementTitle}}</b>
                    <div v-for="agreementsDetails in agreementTitle.agreementDetail">
                        {{agreementsDetails.agreementsDetails}}
                    </div>
                </div>
            </div>
        </div>
        <div>
            <div><label for=""> 甲方（借款人）：</label><span>{{userName}}</span></div>
            <div><label for=""> 乙方（出借方）：</label><span>深圳市前海辉誉金融服务有限公司</span></div>
            <div class="text-right">

                {{agreementData}}
                &nbsp;&nbsp;&nbsp;&nbsp;年&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;日
            </div>
        </div>
    </div>
</div>
</body>
</html>